.page-publish{
  width: 500px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  .publish-item{
    height:125px;
    flex-basis: 25%;
    color: lighten(#636363, 20%);
    border-top: .1rem solid #F6F7F8;
    border-left: .1rem solid #F6F7F8;
    &:nth-child(4n) {
      border-right: .1rem solid #F6F7F8;
    }
    &:nth-last-child(4),&:nth-last-child(3),&:nth-last-child(2),&:nth-last-child(1) {
      border-bottom: .1rem solid #F6F7F8;
    }
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    &:hover {
      cursor: pointer;
      color: white;
      background-color: #35BDB2;
    }
    h6 {
      margin: .5rem 0;
      font-size: 12px;
      font-weight: 200;
    }
  }
}
